<HTML>
<head>
<title>Lostsector Blog's | Characters Counter Tool</title><link href='http://www.lost-sector.net/favicon.ico' rel='icon' type='image/x-icon'/>
<style type="text/css">

#blog-outer{background:none;width:980px;text-align:left;font:11px Tahoma;margin:30px auto;padding:8px;box-shadow:0 5px 10px #555;-moz-box-shadow:0 5px 10px #555;-webkit-box-shadow:0 5px 10px #555}

#menuwrapperpic{width:100%;min-width:980px;position:fixed;top:0;left:0;right:0;height:28px;font-size:13px;z-index:99;background-color:#1E6510;border-bottom:1px solid #000;box-shadow:2px 1px 3px 1px}
#menuwrapper{width:995px;height:28px;margin:0 auto;}
.clearit{clear:both;height:0;line-height:0.0;font-size:0}
#menubar{width:995px}
#menubar,#menubar ul{list-style:none;font-family:Arial, serif;margin:0;padding:0;}
#menubar a{display:block;text-decoration:none;font-size:12px;text-transform:none;font-weight:700;color:#fff;padding:8px 12px 5px 12px;border-left:1px solid #39572E; border-right:0px solid #353F31;text-shadow:0 1px 1px #000;}
#menubar a.trigger{background-image:url(#);background-repeat:no-repeat;background-position:right center;padding:8px 12px 5px 12px}
#menubar li{float:left;position:static;width:auto}
#menubar li ul,#menubar ul li{width:150px}
#menubar ul li a{text-align:left;color:#fff;font-size:12px;font-weight:400;text-transform:none;font-family:Arial;border:none;padding:5px 10px}
#menubar li ul{z-index:50;position:absolute;display:none;background:#26231c;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.6);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6)}
#menubar li:hover a,#menubar a:active,#menubar a:focus,#menubar li.hvr a{background-color:#1E6510;color:#ffff00;-webkit-transition: background-color .555s;-moz-transition: background-color .555s;-o-transition: background-color .555s;-ms-transition: background-color .555s;}
#menubar li:hover ul,#menubar li.hvr ul{display:block}
#menubar li:hover ul a,#menubar li.hvr ul a{color:#edfdfd;background-color:transparent;text-decoration:none}
#menubar li ul li.hr{border-bottom:1px solid #433e31;border-top:1px solid #11100d;display:block;font-size:1px;height:0;line-height:0;}
#menubar ul a:hover{background-color:#555!important;color:#fff!important;text-decoration:none}

h1{font:normal bold 32px Tahoma;line-height:1.4em;text-transform:none;color:#333333;margin:auto;width:100%;text-align:center}
h2{font:normal bold 11px Tahoma;line-height:1.4em;text-transform:none;color:#333333;margin:.5em 0 .25em}

#post-body {background:#fff;border:1px solid silver;margin:auto;padding:10px 15px}
#post-body h2{font-family:'Tahoma', Trebuchet, Verdana, Serif;font-size:16px;font-weight:700;color:#0B0B61;margin:5px 0 0;padding:0 0 4px;text-shadow:1px 0px #eee, 1px 0px #ddd, 1px 1px #ddd, 2px 2px #bbb;}
#post-body h2 a,#post-body h2 a:visited,#post-body h2 strong{display:block;text-decoration:none;color:#0B0B61;font: 16px Tahoma;font-weight:600}
#post-body h2 strong,#post-body h2 a:hover{color:#111}
#post-body {border-top:1px dashed #ccc;padding-top:10px;margin:auto 0px .75em;text-align:justify;font:13px Tahoma;line-height:1.5em}
#post-body p{margin:15px 0px .75em 40px;text-align:justify;font:13px Tahoma;line-height:1.5em}
#post-body img {width:0px;height:0px;float:left;margin:0px 10px 0px 0px}
#post-body img:hover{opacity: 0.8;filter:alpha(opacity=80); }

#credit{background:#101010;width:100%;line-height:1.6em;text-align:center;font-family:Arial;font-size:14px;color:#0b5394;text-shadow:3px 3px 3px #000;overflow:hidden;clear:both;margin:0 auto;padding:0px 0 0px 0px}
#credit a:link,#credit a:visited{color:#ccc;text-decoration:none}


</style>
</head>
<body>

<!--Start Header 01-->
<div id='menuwrapperpic'>
<div id='menuwrapper'>
<ul id='menubar'>
<li class='home'><a href='http://www.lost-sector.net/'>Home</a></li>
</ul>

</div>
</div>
<!--End Of Header 01-->

<div id='blog-outer'><!--START OUTER-->

<div id='post-body'>
<div style="text-align: center;">
<h2>Lostsector Blog's | Characters Counter Tool</h2><br/><br/>
<script src="http://adsensecamp.com/show/?id=aHPGthOhMTU%3D&cid=1mKE6FR8OXo%3D&chan=5LC6%2ByGBW44%3D&type=1&title=0000FF&text=000000&background=FFFFFF&border=000000&url=3D81EE" type="text/javascript">
</script>
<br/>
<center>
<form method="POST">

<table border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td width="100%">
<textarea rows="10" name="charcount" cols="87" wrap="virtual"></textarea>
      </td>
    </tr>
    <tr>
      <td width="100%"><div align="right"><p><input type="button" value="Calculate Characters"
      onClick="countit(this)"> <input type="text" name="displaycount" size="20"></p>
      <div align="center"></div></div></td>
    </tr>
  </table>

</form>

<script language="JavaScript">

function countit(what){

//Character count script- by javascriptkit.com
//Visit JavaScript Kit (http://javascriptkit.com) for script
//Credit must stay intact for use

formcontent=what.form.charcount.value
what.form.displaycount.value=formcontent.length
}
</script>

<script src="http://adsensecamp.com/show/?id=aHPGthOhMTU%3D&cid=1mKE6FR8OXo%3D&chan=5LC6%2ByGBW44%3D&type=1&title=0000FF&text=000000&background=FFFFFF&border=000000&url=3D81EE" type="text/javascript">
</script>
</center>

</div>

</div>

<div id='credit'>
<a href='https://plus.google.com/108801075003252823592/' rel='publisher'>Design, Tutorial, Widgets dan Tips Tricks Blogger</a> | 
<a href='http://www.lost-sector.net/' rel='me'>Lostsector</a> &#169; 2011 - 2013. All Rights Reserved
</div>


</div><!--End Of Outer-->
</body>
</HTML>